<template>
  <div class="choice-container">
    <el-card>
      <!-- 卡片区域 -->
      <div class="box-card">
        <!-- 说明 按钮 -->
        <div class="btn-wraper">
          <span class="explain ">说明：目前支持学科和关键字条件筛选 </span>
          <el-button type="success" @click="$router.push('/questions/new')" size="mini">
            <i class="el-icon-edit"></i>
            <span>新增试题</span>
          </el-button>
        </div>
        <!-- 表单区域 -->
        <choice-Form></choice-Form>
        <!-- 选项卡区域 -->
        <tabs-Nav></tabs-Nav>
      </div>
      <div class="rin"></div>
    </el-card>
  </div>
</template>

<script>
// 导入表单组件
import choiceForm from './components/choice-form'
// 引入tab导航组件
import tabsNav from './components/tabs-nav'

export default {
  components: {
    choiceForm,
    tabsNav
  }
}
</script>

<style lang="less" scoped>
.choice-container {
  .box-card {
    .btn-wraper {
      display: flex;
      justify-content: space-between;
      .explain {
        font-size: 12px;
        color: pink;
        .el-icon-edit {
          margin-right: 3px;
        }
      }
    }
  }
}
</style>
